<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(function(){
		$("#id").click(function(){
			$(".id").slideToggle();
		})
		$("#description").click(function(){
			$(".description").slideToggle();
		})
		$("#price").click(function(){
			$(".price").slideToggle();
		})
	})
</script>
</head>
<body>									<!-- 实现默认隐藏点击显示 -->
	<p>请输入你所要搜索的类型</p>
	<button id="id">id</button>
	<button id="description">description</button>
	<button id="price">price</button>
	<div class="id" style="display:none">
		<form action="servlet" method="get">
			请输入Id：<input type="number" />
			<input type="submit" value="提交"/><br>
		</form>
	</div>
	<div class="description" style="display:none">
		<form action="servlet" method="get">
			请输入关键字：<input type="text" />
			<input type="submit" value="提交"/><br>
		</form>
	</div>
	<div class="price" style="display:none">
		<form action="servlet" method="get">
			请输入价格：<input type="text" name="price" onkeyup="value=value.replace(/[^\d+(\.\d{1,2})?$]/g,'')"/>
			<input type="submit" value="提交"/>
		</form>
	</div>
</body>
</html>